<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/compound.css" />
		<link rel="stylesheet" type="text/css" href="font/iconfont.css" />
		<script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/compound.js" type="text/javascript" charset="utf-8"></script>
		<title>头部</title>
		
	</head>

	<body>
		<div class="head">
			<!--定位导航-->
			<div id="head-top" class="w">
				<div id="head-top-content" class="h">
					<ul class="head-top-ul1 h">
						<li><i class="iconfont icon-hongjiuchengiconhongjiucheng icon-home"></i>当前城市：</li>
						<li class="head-display-par" id="head-display-a">
							<i class="iconfont icon-dangqianchengshi  icon-down"></i>
							<a href="javascript:;" class="head-a">北京</a>
							<div id="head-display">
								<p class="head-display-city">
									<a href="javascript:;">北京</a>
									<a href="javascript:;">上海</a>
									<a href="javascript:;">天津</a>
									<a href="javascript:;">重庆</a>
								</p>
								<p class="head-display-city">
									<a href="javascript:;">山西</a>
									<a href="javascript:;">河北</a>
									<a href="javascript:;">河南</a>
									<a href="javascript:;">辽宁</a>
								</p>
								<p class="head-display-city">
									<a href="javascript:;">吉林</a>
									<a href="javascript:;">陕西</a>
									<a href="javascript:;">深圳</a>
									<a href="javascript:;">江苏</a>
								</p>
								<p class="head-display-city">
									<a href="javascript:;">山东</a>
									<a href="javascript:;">安徽</a>
									<a href="javascript:;">浙江</a>
									<a href="javascript:;">福建</a>
								</p>
								<p class="head-display-city">
									<a href="javascript:;">湖北</a>
									<a href="javascript:;">湖南</a>
									<a href="javascript:;">广东</a>
									<a href="javascript:;">江西</a>
								</p>
								<p class="head-display-city">
									<a href="javascript:;">海南</a>
									<a href="javascript:;">贵州</a>
									<a href="javascript:;">宁夏</a>

									<a href="javascript:;">黑龙江</a>

								</p>
							</div>
						</li>
						<li>你好，欢迎进入!</li>
						<li>
							<a class="head-a" href="login.html">登录</a>
						</li>
						<li>
							<a class="head-a" href="register.html">注册</a>
						</li>
					</ul>

					<ul class="head-top-ul2 h">
						<li class="head-position-par">
							<a class="head-a" href="javascript:;">我的账户</a><i class="iconfont icon-arrowDown icon-down"></i>
							<div class="head-myself">
								<p class="head-myself-children">
									<a href="order.html">我的订单</a>
								</p>
								<p class="head-myself-children">
									<a href="javascript:;">我的资料</a>
								</p>
								<p class="head-myself-children">
									<a href="javascript:;">我的收藏</a>
								</p>
								<p class="head-myself-children">
									<a href="shopping.html">我的购物车</a>
								</p>
								<p class="head-myself-children">
									<a href="javascript:;">我的关注</a>
								</p>
							</div>
						</li>
						<li><i class="iconfont icon-tubiaoshangcheng icon-down"></i>
							<a class="head-a" href="shopping.html">购物车<span class="head-number">1</span>件</a>
						</li>
						<li>
							<a class="head-a" href="javascript:;">客户服务</a>
						</li>
						<li>
							<a class="head-a" href="javascript:;">大客户</a>
						</li>
					</ul>
				</div>
			</div>
			
				
			<!--logo，搜索内容显示位置-->
			<div id="head-content">
				<!--logo-->
				<div class="head-content-left">
					<img src="img/logo.png"/>
				</div>
				<!--搜索-->
				<div class="head-content-search">
					<p class="head-p"><i class="iconfont icon-sou icon-search f16"></i><input type="text" class="head-input" /><input type="button" class="head-btn" value="搜索" /></p>
					<div class="head-p2">
						<ul class="head-ul3 h">
							<li>
								<a class="head-a" href="javascript:;">红酒</a>
							</li>
							<li>
								<a class="head-a" href="javascript:;">葡萄酒</a>
							</li>
							<li>
								<a class="head-a" href="javascript:;">奔富</a>
							</li>
							<li>
								<a class="head-a" href="javascript:;">轩尼诗</a>
							</li>
							<li>
								<a class="head-a" href="javascript:;">拉菲</a>
							</li>
						</ul>
					</div>
				</div>
				<!--二维码-->
				<div class="head-content-right"><img src="img/erweima.jpg" /></div>
				<!--产品导航栏-->
				<nav>
					<div class="head-nav-left h f16">全部商品分类</div>
					<div class="head-nav-ul">
						<ul class="w">
							<li>
								<a href="index.html" class="head-a f16">首页</a>
							</li>
							<li>
								<a href="Global-.html" class="head-a f16">名庄甄选</a>
							</li>
							<li>
								<a href="flash-purchase.html" class="head-a f16">限时闪购</a>
							</li>
							<li>
								<a href="jiuzhuangjieshaofenye.html" class="head-a f16">美酒知识</a>
							</li>
							<li>
								<a href="wine.html" class="head-a f16">红洋美酒</a>
							</li>
						</ul>
					
					</div>
				</nav>
			</div>
			<div class="head-border w"></div>
		</div>
	
	</body>

</html>